@charset "utf-8";
//@import"reset";
@import "utils"; 
/*@import "common";*/

.favoWeb{ 
    @include web;
     //头部引入
     section{ 
         @include midContent;
         .middle{
             width: 100%;
             padding-bottom: r(63);
              .merchandise{
                  width: 100%;
                  padding-top: r(52);
                  text-align: justify;
                  .products{
                    border: 1px solid transparent;
                    display: inline-block;
                    padding: r(10) r(15);
                    margin-top: r(10);
                    .img{
                      width: r(310);
                      height: r(290);
                      border-radius:r(10);
                      position: relative;
                      overflow: hidden;
                      img{
                          @include abCenter;
                          width: 100%;
                      }
                    } 
                    .pro_particulars{position: relative;}
                    .pro_name{
                        width: 80%;
                        overflow: hidden;
                        margin-top: r(22);
                        font-size: r(19+8);
                        color: #535353;
                        margin-left: r(17);
                        letter-spacing: r(5);
                        word-spacing: r(7);
                    }
                    .pro_money{
                        width: 80%;
                        overflow: hidden;
                        margin-top: r(10);
                        font-size: r(17+8);
                        color: #909090;
                        margin-left: r(15);
                    }
                    .selCircle{
                        @include middle;
                        right: r(10);
                        width:r(26);
                        height: r(26);
                        border-radius: 50%;
                        border: r(2) solid #fcb9a2;
                    }
                    .sel_bg{background: #fcb9a2;}
                  }
              }
         }
         .apply{
             width: r( 645);
             margin: 0 auto;
             div:first-of-type{
                 display: inline-block;
             }
             .yuan{
                 display: inline-block;
                 width: r(31);
                 height: r(31);
                 border-radius: 50%;
                 border: r(2) solid #fcb9a2;
                 vertical-align: middle;
                 text-align: center;
                 div{
                     margin: 0 auto;
                     margin-top: r(5);
                     display: none;
                     width: r(20);
                     height: r(20);
                     border-radius: 50%;
                     background: #fcb9a2;
                 }
             }
             span{ 
                 display: inline-block;
                 font-size: r(24+8);
                 color: #656665;
                 letter-spacing: r(3);
                 vertical-align: middle;
             }
             .del_bottom{
                 float: right;
                 display: inline-block;
                 width: r(155);
                 height: r(49);
                 border: 1px solid black;
                 line-height: r(49);
                 p{
                     font-size: r(24+8);
                     color: #656665;
                     text-align: center;
                     
                 }
             }
         }
     }
     .clear{
         clear: both;
     }
     footer{
         width: r(750);
         height: r(120);
         position: fixed;
         bottom: 0;
         z-index: 999;
         background: #fff4f0;
         border-top:2px solid #f1e0da ;
         ul{
             width: 100%;
             height: 100%;
             li{ 
                 height: 100%;
                 border-right:1px solid #fad8d0 ;
                 display: inline-block;
                 vertical-align: middle;
                 padding-top: r(34);
                >div{
                    margin: 0 auto;
                    >img{
                        max-width: 100%;
                    }
                }
             }
             .li_one{
                 width: r(170);
//               border-right:1px solid #fad8d0 ;
                 .img_one{
                   width: r(47);
                   height: r(47);
                   font-size: 0;   
                     img{
                         width: 100%;
                         height: 100%;
                     }
                 }
             }
             .li_two{
                 width: r(183);
                   .img_two{
                       width: r(58);
                       height: r(42);
                       font-size: 0;
                       img{
                           width: 100%;
                           height: 100%;
                       }
                   }
             }
             .li_three{
                 width: r(178);
                  .img_three{
                      width: r(57);
                      height: r(47);
                      font-size: 0;
                       img{
                           width: 100%;
                           height: 100%;
                       }
                  }
             }
             .li_four{
                 width: r(178);
                 border-right: none ;
                  .img_four{
                      width: r(53);
                      height: r(51);
                      font-size: 0;
                        img{
                            width: 100%;
                            height: 100%;
                        }
                  }
             }
         }
     }
}
